<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" href="./css/shopcart.css" />
	<title>购物车</title>
</head>
<body>
	<div id="content">
		<!--头部-->
		<div id="head">
			<!--logo-->
			<a href="" class="logo"><img src="./Img/vancl-logo.png" alt="" /></a>
			<!--logo-->
			<!--头部右边信息-->
			<div class="topRight">
				<a href="" class="helpcenter" >帮助中心</a>
				<div class="loginout">
					您好，
					<a href="">退出登录</a>
					｜
					<a href="">更换用户</a>
					
				</div>
				
			</div>
			<!--头部右边信息-->
		</div>
		<!--头部结束-->
		
		<!--主体部分-->
		<div id="cartContent">
			<!--当前位置面包屑-->
			<div class="location">
				<span class="onemyshopcart">1.我的购物车</span>
				<span class="onemyshopcart">2.填写核对信息单</span>
				<span class="onemyshopcart">3.成功提交订单</span>
			</div>
			<!--当前位置面包屑-->
			<!--购物车头部-->
			<div class="carTop">
				<span class="carIcon"></span>
				<h2>我的购物车</h2>
			</div>
			<!--温馨提示-->
			<div class="prompt">
				<div class="leftTitle">
					<span>温馨提示：</span>
					<span style="color:#666;">1.选购清单中的商品无法保留库存，请您及时结算。2.商品的价格和库存将以订单提交时为准。3.促销活动满减优惠将均摊至商品小计中。 </span>
				</div>
			</div>
			<!--购物车头部结束-->
			
			<!--购物车主体-->
			<div class="cartCenter">
				<!--表单头-->
				<table>
					
					<tr class="tabletitle">
						<th>
							<input type="checkbox" name="selectall" />
						</th>
						<th align="left">全选</th>
						<th></th>
						<th>商品名称</th>
						<th>尺寸 </th>
						<th>单价  </th>
						<th>数量</th>
						<th>优惠 </th>
						<th>小计 </th>
						<th>操作</th>
					</tr>
					<tr class="shopList">
						<td></td>
						<td align="left"><input type="checkbox" name="selectPro" /></td>
						<td width="52">
							<a href="">
								<img src="./Img/6363116-1j201506081152577536.jpg" alt="" />	
							</a>
						</td>
						<td  style="margin-bottom:5px;">
							<a href="" style="padding-left:5px;">凡客T恤 福田 透 9 男款 白色</a>
						</td>
						<td align="center">
							L
						</td>
						<td align="center">
							￥59.00 
						</td>
						<td align="center" width="100">
							<a href="" class="minus">-</a>
							<input type="text" name="proNum" class="proNum" />
							<a href="" class="plus">+</a>
						</td>
						<td align="center">
							-
						</td>
						<td align="center">
							￥59.00 
						</td>
						<td align="center" valign="middle">
							<a href="">收藏</a><br />
							<a href="" class="del">删除</a>
						</td>
					</tr>
					<tr class="shopList">
						<td></td>
						<td align="left"><input type="checkbox" name="selectPro" /></td>
						<td width="52">
							<a href="">
								<img src="./Img/6363116-1j201506081152577536.jpg" alt="" />	
							</a>
						</td>
						<td  style="margin-bottom:5px;">
							<a href="" style="padding-left:5px;">凡客T恤 福田 透 9 男款 白色</a>
						</td>
						<td align="center">
							L
						</td>
						<td align="center">
							￥59.00 
						</td>
						<td align="center" width="100">
							<a href="" class="minus">-</a>
							<input type="text" name="proNum" class="proNum" />
							<a href="" class="plus">+</a>
						</td>
						<td align="center">
							-
						</td>
						<td align="center">
							￥59.00 
						</td>
						<td align="center" valign="middle">
							<a href="">收藏</a><br />
							<a href="" class="del">删除</a>
						</td>
					</tr>
					<tr class="shopList">
						<td></td>
						<td align="left"><input type="checkbox" name="selectPro" /></td>
						<td width="52">
							<a href="">
								<img src="./Img/6363116-1j201506081152577536.jpg" alt="" />	
							</a>
						</td>
						<td  style="margin-bottom:5px;">
							<a href="" style="padding-left:5px;">凡客T恤 福田 透 9 男款 白色</a>
						</td>
						<td align="center">
							L
						</td>
						<td align="center">
							￥59.00 
						</td>
						<td align="center" width="100">
							<a href="" class="minus">-</a>
							<input type="text" name="proNum" class="proNum" />
							<a href="" class="plus">+</a>
						</td>
						<td align="center">
							-
						</td>
						<td align="center">
							￥59.00 
						</td>
						<td align="center" valign="middle">
							<a href="">收藏</a><br />
							<a href="" class="del">删除</a>
						</td>
					</tr>
				</table>
				<!--购物车按钮-->
				<div id="delCount">
					<div class="left">
						<input type="checkbox" id="checkall" />
						<a href="">全选</a>
						<a href="">删除</a>
						<div class="countNumFont">
							数量总计：<span class="numCount">2件</span>	
						</div>
						<div class="fontPrice">
							产品金额总计(不含运费)：
							<span>￥208.00</span>
						</div>	
					</div>
					<div class="right">
						<a href="" class="keepShop"><<继续购物</a>
						<a href="" class="goSum">去结算>></a>
					</div>
				</div>
			</div>
			<!--购物车主体-->
			
		</div>
		<!--主体部分结束-->
		<!--页脚-->
		<div id="foot">
			<div class="copyright">
				Copyright 2007 - 2015 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号
			</div>
			<div class="gsjImg">
				<a href="" ><img src="./img/cert-redlogo.png" alt="" /></a>
				<a href="" ><img src="./img/cert-costumeorg.gif" alt="" /></a>
				<a href="" ><img src="./img/cert-wsjybzzx.png" alt="" /></a>
			</div>
		</div>
		<!--页脚结束-->
	</div>
	
</body>
</html>